import styled from 'styled-components'

export const HomeTopSearchStyle = styled.div`
 margin: .16rem 0;
  .top{
    height: 1.2rem;
    .category{
     
      img{
        width: calc( 0.5rem * 10 / 10 );
        height: calc( 0.4rem * 10 / 10 );
      }
      span{
        font-size: .3rem;
        font-weight: 300;
        line-height: 1;
        padding-top: 2px;
      }
    }

    .search{
      background-color: white;
      border-radius: .5rem;
      border: solid rgba(77, 77, 77, .1) 1px;
      height: .8rem;
      width: 8.3rem;

      .container{
        width: 100%;
        
        input{
          margin-left: .47rem;
          border: none;
          color: #474747;
          height: .8rem;

        }

        button{
          border-radius: .75rem;
          border: none;
          background-color: #ff762e;
          width: 1.8rem;
          height: .8rem;
          line-height: .8rem;
          color: white;
        }
      }
    }
  }

`